import React,{Component} from 'react'
import {hashHistory} from 'react-router'
import styles from './style.scss'
import Button from 'bayd/lib/button'

export default class Welcome extends Component{

	changeUrl = (pathname) => {
		hashHistory.push(pathname)
	}

	render(){
		return <div className={styles['app-wrap']}>
			<div className={styles['header-box']}>
				<div>
					<div>大白组件库</div>
				</div>
				<div>
					<a onClick={this.changeUrl.bind(this,'componentList')}>点击进入组件库</a>
				</div>
			</div>
			<div className={styles['content-box']}>
				<div className={styles['title']}>
					<div className={styles['title-en']} >Baymax Design</div>
					<Button onClick={this.changeUrl.bind(this,'componentList')} text='开始使用'/>
				</div>
				<div className={styles['description']}>
					<div>An classics front-end application framework base on react.</div>
					<div>一个简洁轻便的前端开发框架，采用React技术栈，可用于快速开发企业级web应用。</div>
					<div>使用webpack 4打包构建，集成react 16.x 、 react-router 3.x 、redux-saga 0.13.x 、babel 6等。</div>
				</div>
				<img className={styles['app-logo']} />
			</div>
			<div className={styles['footer-box']}>
				<div>Copyright © 大大白 All Rights Reserved</div>
			</div>
		</div>
	}
}